<script setup>
</script>

<template>
    <el-card shadow="hover">
        <!-- <div style="display: flex"> -->
        <el-space wrap :size="20" style="text-align: center;">
            <el-statistic :value="4950">
                <template #title>
                    <div style="font-size: large;width: 80px;">Po</div>
                </template>
                <template #suffix> W</template>
            </el-statistic>

            <el-statistic :value="4980">
                <template #title>
                    <div style="font-size: large;width: 80px;">Pf</div>
                </template>
                <template #suffix> W</template>
            </el-statistic>

            <el-statistic :value="30">
                <template #title>
                    <div style="font-size: large;width: 80px;">Pr</div>
                </template>
                <template #suffix> W</template>
            </el-statistic>

            <el-statistic :precision="2" :value="1.16">
                <template #title>
                    <div style="font-size: large;width: 80px;">VSWR</div>
                </template>
            </el-statistic>

            <el-statistic :value="120">
                <template #title>
                    <div style="font-size: large;width: 80px;">EPA</div>
                </template>
                <template #suffix> V</template>
            </el-statistic>

            <el-statistic :value="138">
                <template #title>
                    <div style="font-size: large;width: 80px;">IPA</div>
                </template>
                <template #suffix> A</template>
            </el-statistic>

            <el-statistic :value="380">
                <template #title>
                    <div style="font-size: large;width: 80px;">EAC</div>
                </template>
                <template #suffix> V</template>
            </el-statistic>
        </el-space>
    </el-card>
</template>

<style scoped></style>